<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/homePage.css">
  <link rel="stylesheet" href="./css/login.css">
  <link rel="stylesheet" href="./font_59x1k74p4au/iconfont.css">
</head>

<body>
  <div class="bgmiddle">
    <div class="middle">
      <div id="external">
        <div class="welcome">
          <p><span>欢迎登录</span><img width="73px" height="24px"
              src="https://img01.fila.cn/theme_fl/images/logo/fila_blue_150.png" alt=""></p>
          <p class="thief"> <span class="active">短信快捷登录/注册</span><span>账号密码登录</span></p>
          <form  class="first_form active">
            <label for="">
              <input type="text" placeholder="手机号码" maxlength="11" class="phone">
            </label>
            <label for="">
              <input type="text" placeholder="请输入图片验证码" class="image_verification_code"><span class="refresh_verification_code"><img
                  src="http://www.fila.cn/api.php?s=fila/passport/code.html&w=120&h=36&1633750427926"
                  alt="点击可刷新验证码"></span>
            </label>
            <label for="">
              <input type="text" placeholder="短信验证码" class="sms_verification_code"><button class="obtaining_verification_code">获取验证码</button>
            </label>
            <div class="dis_box">
              <em class="icon_error"></em>
              <span class="error_con">请输入短信验证码</span>
            </div>
            <button class="login_immediately">立即登录</button>
            <span class="forget"><a href="./reset.html">忘记密码?</a></span>
          </form>

          <form action="" class="second_form">
            <label for="">
              <input type="text" placeholder="手机号码" maxlength="11" class="phone">
            </label>
            <label for="">
              <input type="password" placeholder="登录密码" class="login_password">
            </label>
            <!-- <label for="">
              <input type="text" placeholder="请输入图片验证码" class="image_verification_code"><span class="refresh_verification_code"><img
                  src="http://www.fila.cn/api.php?s=fila/passport/code.html&w=120&h=36&1633750427926"
                  alt="点击可刷新验证码"></span>
            </label> -->
            
            <div class="dis_box">
              <em class="icon_error"></em>
              <span class="error_con">请输入短信验证码</span>
            </div>
            <button class="login_immediately">立即登录</button>

            <span class="forget"><a href="./reset.html">忘记密码?</a></span>
          </form>

         

        </div>

      </div>
      <div class="join">
        <h2>加入FILA V.I.P.</h2>
        <p>注册成为会员并完善个人信息，即可享受 ：</p>
        <ul>
          <li>积分可在官网购物时作为现金抵扣；</li>
          <li>积分可在官网购物时作为现金抵扣；</li>
          <li>积分可在官网购物时作为现金抵扣；</li>
        </ul>
        <button>立即注册</button>
      </div>
    </div>
  </div>
  <footer>
    <div class="left">
      <a href="">购物服务</a>
      <a href="">关于品牌</a>
      <a href="">查找门店</a>
      <p><span>关注FILA的官方媒体:</span> <a href=""></a> <a class="bgcode" href=""></a><a class="code" href=""><img
            width="100px" height="100px" src="https://img01.fila.cn/theme_fl/images/filacn/qr-code.jpg" alt=""></a></p>
      <span>售后服务电话: 400-886-7699</span>
    </div>
    <div class="right">
      <a href="">©FILA体育 闽ICP备2021011550号-1</a>
      <a href="">闽公网安备35020302033807号</a>
      <p>©2020 FILA Luxembourg S.à.r.l. - All Rights Reserved -</p>
    </div>
  </footer>
  <div class="service">
    <a href="https://qiyukf.com/"><span class="iconfont icon-xiaoxi"></span></a>
    <a href="https://qiyukf.com/">客服</a>
  </div>
  <script src="./jquery/jquery.min.js"></script>
  <script src="./js/ajax.js"></script>
  <script src="./js/login.js"></script>
</body>

</html>